<template>
  <div class="chart-container">
    <el-tabs v-model="activeName" >
      <el-tab-pane label="股东持股" name="first">
        <shareholder v-if="activeName == 'first'"></shareholder>
      </el-tab-pane>
      <el-tab-pane label="中国地图" name="second">
        <investment v-if="activeName == 'second'"/>
      </el-tab-pane>
      <el-tab-pane label="信息统计" name="third">信息统计</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";


import shareholder from "./shareholder.vue";
import investment from "./investment.vue";
@Component({
  name: "g6DemoL",
  components: {
    shareholder,
    investment
  }
})
export default class extends Vue {
    private activeName: string = 'first';
    created(){

    }
}
</script>

<style lang="scss" scoped>
.chart-container {
  padding: 0 50px;
  position: relative;
  width: 100%;
  height: calc(100vh - 84px);
}
</style>
